<template>
  <div>
    <dv-capsule-chart :config="config" style="width:100%;height:100%; padding: 10px;" />
  </div>
</template>

<script setup>
import { onMounted, ref } from 'vue'
import { ListPost } from "@/api/screen/post.js";

const config = ref({
  //数据
  data: [],
  //单位
  unit: '人',
  // 字体颜色
  // textColor: '#000',
  //自动排序
  sort: true,

})

onMounted(async () => {
  await handleInit()
})

async function handleInit() {
  //调用公司数据
  const dataList = (await ListPost()).data;
  // console.log(dataList)

  for (const item of dataList) {
    //  使用循给  config.config.value.data添加值
    config.value.data.push({
      name: item.postName,
      value: item.postSize
    })
  }
}

</script>

<style></style>